<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单标签</title>
</head>
<body>
    <!-- GET与POST是两种提交数据的方式-->
    <form action="#" name="my_form" method="post">
        <fieldset>
            <legend>基本信息</legend>
            <label for="truename">姓名</label>
            <!--input:单行文本输入框-->
            <input type="text" name="truename" id="truename" placeholder="请输入用户名">
            <label for="nickname">昵称</label>
            <input type="text" name="nickname" id="nickname">
            <label for="password">密码</label>
        </fieldset>

        <fieldset>
            <legend>附加信息</legend>
        </fieldset>

        <fieldset>
            <legend>附件</legend>
        </fieldset>

        <fieldset>
            <legend>备注</legend>
        </fieldset>


    </form>

    <hr>
    <input type="text" name="" id="single_text" placeholder="单行文本框" value="值">
    <input type="hidden" name="edit_id" id="edit_id" value="1"><br>
    <input type="checkbox" name="agree" id="agree"><label for="agree"></label>
    <input type="checkbox" name="answer" id="answer_a"><label></label>
    <input type="checkbox" name="answer" id="answer_b"><label></label>
    <input type="redio" name="q" id="q_a"><span>a</span>
    <input type="file" name="" id="">

    <hr>
    <h2>html5 input</h2>
    <input type="email" name="" id=""><br>
    <input type="search" name="" id=""><br>
    <input type="tel" name="" id=""><br>
    <input type="url" name="" id=""><br>
    <input type="number" name="" id=""><br>
    <input type="datetime-local" name="" id=""><br>
    <input type="month" name="" id=""><br>
    <input type="color" name="" id=""><br>







</body>
</html>